<template>
  <div id="app">
    <Header />
    <!-- 加载路由组件 -->
    <router-view />
    <!-- 控制那些组件不需要显示Footer组件，需在路由器中配合meta属性使用 -->
    <Footer v-if="!$route.meta.isHiddenFooter" />
  </div>
</template>

<script>
// 都要使用的公共组件，在app中引入，可以避免在每一个组件中都重复的引入
import Header from '@/components/Header'
import Footer from '@/components/Footer'
export default {
  name: 'App',
  components: {
    Header,
    Footer
  }
}
</script>

<style></style>
